<template>
    <div>
        <el-card class="mb-4" shadow="never">
            <div class="text-xl font-medium mb-[20px]">默认</div>
            <editor v-mode="state.value" mode="default" />
        </el-card>
        <el-card class="mb-4" shadow="never">
            <div class="text-xl font-medium mb-[20px]">简洁</div>
            <editor v-mode="state.value2" mode="simple" />
        </el-card>
    </div>
</template>

<script setup lang="ts" name="compEditor">
import { reactive } from 'vue';

const state = reactive({
    value: "",
    value2: ""
});

</script>

<style scoped lang="scss"></style>
